<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
        <title>我的班级</title>
        <link rel="stylesheet" href="fonts/iconfont.css"/>
        <link rel="stylesheet" href="css/font.css"/>
        <link rel="stylesheet" href="css/weui.min.css"/>
        <link rel="stylesheet" href="css/jquery-weui.min.css"/>
        <link rel="stylesheet" href="css/mui.css"/>
        <link rel="stylesheet" href="css/pages/myclass.css"/>
        <script>(function (doc, win) {
          var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
              var clientWidth = docEl.clientWidth;
              if (!clientWidth) return;
              docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
            };

          if (!doc.addEventListener) return;
          win.addEventListener(resizeEvt, recalc, false);
          doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);</script>
    </head>
    <body>
        <header>
            <div class="titlebar reverse">
                <a href="index.html">
                    <i class="iconfont">&#xe63f;</i>
                </a>
                <h1>学生统计</h1>
				<a href="login.html" class="app">
                    <i class="iconfont">&#xe60e;</i>
                </a>
            </div>
        </header>
        <article style="bottom: 0;">
            <ul class="xunjia-tab clearfix">
                <li class="red">班级（1）</li>
            </ul>
            <ul class="xunjia-box">
                <li class="inner">
                    <div class="item-name">学校：</div>
                    <div class="item-value">珠海市爱迪技工学校</div>
                </li>
                <li class="inner">
                    <div class="item-name">专业：</div>
                    <div class="item-value">人工智能</div>
                </li>
                <li class="inner">
                    <div class="item-name">班级：</div>
                    <div class="item-value">
                       2211班
                    </div>
                </li>
				<li class="inner">
                    <div class="item-name">加入人数：</div>
                    <div class="item-value">
                       35人
                    </div>
                </li>
				<li style="text-align:center;">
                    <div href="javascript:;" class="weui_btn weui_btn_mini weui_btn_warn">查看详情</div>&nbsp;&nbsp;&nbsp;&nbsp;
					<div href="javascript:;" class="weui_btn weui_btn_mini weui_btn_primary">删除</div>
                </li>
            </ul>
            <ul class="xunjia-tab clearfix">
                <li class="green"> 班级（2）</li>
            </ul>
            <ul class="xunjia-box">
               <li class="inner">
                    <div class="item-name">学校：</div>
                    <div class="item-value">*******大学</div>
                </li>
                <li class="inner">
                    <div class="item-name">院系：</div>
                    <div class="item-value">通信与工程技术学院</div>
                </li>
                <li class="inner">
                    <div class="item-name">班级：</div>
                    <div class="item-value">
                      软件1班
                    </div>
                </li>
				<li class="inner">
                    <div class="item-name">加入人数：</div>
                    <div class="item-value">
                       35人
                    </div>
                </li>
				<li style="text-align:center;">
                    <div href="javascript:;" class="weui_btn weui_btn_mini weui_btn_warn">修改</div>&nbsp;&nbsp;&nbsp;&nbsp;
					<div href="javascript:;" class="weui_btn weui_btn_mini weui_btn_primary">删除</div>
                </li>
            </ul>
			 <ul class="xunjia-tab clearfix">
                <li class="red">班级（3）</li>
            </ul>
            <ul class="xunjia-box">
               <li class="inner">
                    <div class="item-name">学校：</div>
                    <div class="item-value">*******大学</div>
                </li>
                <li class="inner">
                    <div class="item-name">院系：</div>
                    <div class="item-value">通信与工程技术学院</div>
                </li>
                <li class="inner">
                    <div class="item-name">班级：</div>
                    <div class="item-value">
                      网络1班
                    </div>
                </li>
				<li class="inner">
                    <div class="item-name">加入人数：</div>
                    <div class="item-value">
                       35人
                    </div>
                </li>
				<li style="text-align:center;">
                    <div href="javascript:;" class="weui_btn weui_btn_mini weui_btn_warn">修改</div>&nbsp;&nbsp;&nbsp;&nbsp;
					<div href="javascript:;" class="weui_btn weui_btn_mini weui_btn_primary">删除</div>
                </li>
            </ul>
			<div style="clear:both;height:50px;"></div>
        </article>
        <footer>
        </footer>

        <script src="js/jquery-1.8.3.min.js"></script>
        <script src="js/jquery-weui.js"></script>
    </body>
</html>